$(function () {

	$(window).scroll(function () {
        // console.log(1);
        //获取滚动条的距离  scrollTop()
        let sTop = $(this).scrollTop();
        // console.log(sTop)

        //判定  sTop>300  显示固定头部 否则 隐藏固定头部
        if (sTop > 300) {
            //显示
            $('#fixedsearch').slideDown();
            //把头部中的search 添加到 固定头部中
            $('#head .search').appendTo('#fbox');

        } else {
            //隐藏
            $('#fixedsearch').slideUp();

            //把固定头部中的search 放回到头部指定位置
            $('#fbox .search').appendTo('.box')
        }
    })

	    //使用数组来保存颜色值
   /* let bgcArr=['red','cyan','green','orange','pink'];

    $('#floorbox ul li').hover(function(){

        //获取当前li标签对应的索引值
        let index=$(this).index();

        //移入
        $(this).css({
            width:'80px',
            backgroundColor:bgcArr[index],
            backgroundPositionX:'-40px'
        })
    },function(){
        //移出
        $(this).css({
            width:'',
            backgroundColor:'',
            backgroundPositionX:''
        })
    }) */


    //方式二: 先在标签上自定义属性保存颜色

    $('#floorbox ul li').hover(function(){
        //获取到当前li标签上的bgc的值
        let bgColor=$(this).attr('bgc')

        //移入
        $(this).css({
            width:'80px',
            backgroundColor:bgColor,
            backgroundPositionX:'-40px'
        })
    },function(){
        //移出
        $(this).css({
            width:'',
            backgroundColor:'',
            backgroundPositionX:''
        })
    }).click(function(){
        //获取当前li标签的索引值
        let index=$(this).index();

        //获取当前li标签对应的楼层 ==> 当前楼层距离顶部的距离

        let sfloor=$('.allfloor').eq(index).offset().top;

        //把当前楼层的距离设置到 滚动条上
        $('html,body').animate({'scrollTop':sfloor-100},500);

    })
})